Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
@babel/plugin-transform-block-scoping
Advanced tools
Compile ES2015 block scoping (const and let) to ES5
The @babel/plugin-transform-block-scoping npm package is a Babel plugin that transforms JavaScript code to convert block scoping (let and const) to function scoping (var) where necessary. This is particularly useful for ensuring compatibility with older environments that do not support ES6 block-scoped variables.
Transform let and const to var
This feature transforms block-scoped variables (let and const) into function-scoped variables (var) to ensure compatibility with older JavaScript engines.
if (true) {
let x = 'hello';
}
// Transformed to:
if (true) {
var x = 'hello';
}
Block scoping for loops
This feature correctly scopes the loop variable within closures, preventing common errors when using setTimeout or similar asynchronous functions within loops.
for (let i = 0; i < 3; i++) {
setTimeout(function() { console.log(i); }, 0);
}
// Transformed to:
for (var i = 0; i < 3; i++) {
(function(i) {
setTimeout(function() { console.log(i); }, 0);
})(i);
}
This package is a predecessor to @babel/plugin-transform-block-scoping and offers similar functionality, transforming ES2015 block-scoped variables to ES5. It is now deprecated in favor of the @babel suite of plugins.
While not a direct alternative, fast-async is a Babel plugin that transforms async/await and generators to ES5, including handling block scoping within async functions. It provides a different set of features but deals with modern JavaScript syntax transformation like @babel/plugin-transform-block-scoping.
babel-preset-env is a Babel preset that includes @babel/plugin-transform-block-scoping among other plugins. It automatically determines the Babel plugins and polyfills you need based on your supported environments. It's a more comprehensive solution that includes similar functionality.
Compile ES2015 block scoping (const and let) to ES5
See our website @babel/plugin-transform-block-scoping for more information.
Using npm:
npm install --save-dev @babel/plugin-transform-block-scoping
or using yarn:
yarn add @babel/plugin-transform-block-scoping --dev
v7.25.0 (2024-07-26)
babel-helpers
, babel-plugin-proposal-explicit-resource-management
, babel-runtime-corejs3
babel-plugin-transform-typescript
babel-helper-create-class-features-plugin
, babel-helper-function-name
, babel-helper-plugin-utils
, babel-helper-wrap-function
, babel-plugin-bugfix-safari-class-field-initializer-scope
, babel-plugin-bugfix-safari-id-destructuring-collision-in-function-expression
, babel-plugin-transform-classes
, babel-plugin-transform-function-name
, babel-preset-env
, babel-traverse
, babel-types
ensureFunctionName
to NodePath.prototype
(@nicolo-ribaudo)babel-helper-hoist-variables
, babel-helper-plugin-utils
, babel-plugin-proposal-async-do-expressions
, babel-plugin-transform-modules-systemjs
, babel-traverse
hoistVariables
to Scope.prototype
(@nicolo-ribaudo)babel-helper-create-class-features-plugin
, babel-helper-module-transforms
, babel-helper-plugin-utils
, babel-helper-split-export-declaration
, babel-plugin-transform-classes
, babel-traverse
, babel-types
splitExportDeclaration
to NodePath.prototype
(@nicolo-ribaudo)babel-helper-create-class-features-plugin
, babel-helper-environment-visitor
, babel-helper-module-transforms
, babel-helper-plugin-utils
, babel-helper-remap-async-to-generator
, babel-helper-replace-supers
, babel-plugin-bugfix-firefox-class-in-computed-class-key
, babel-plugin-bugfix-v8-static-class-fields-redefine-readonly
, babel-plugin-transform-async-generator-functions
, babel-plugin-transform-classes
, babel-traverse
environment-visitor
helper into @babel/traverse
(@nicolo-ribaudo)babel-core
, babel-parser
.extra.async
(@nicolo-ribaudo)babel-compat-data
, babel-plugin-bugfix-safari-class-field-initializer-scope
, babel-preset-env
bugfix-safari-class-field-initializer-scope
(@davidtaylorhq)babel-plugin-transform-block-scoping
, babel-traverse
, babel-types
babel-helper-import-to-platform-api
, babel-plugin-proposal-json-modules
uncheckedRequire
option for JSON imports to CJS (@nicolo-ribaudo)babel-helper-transform-fixture-test-runner
, babel-node
babel-node --eval
(@slatereax)babel-compat-data
, babel-helper-create-regexp-features-plugin
, babel-plugin-proposal-duplicate-named-capturing-groups-regex
, babel-plugin-transform-duplicate-named-capturing-groups-regex
, babel-preset-env
, babel-standalone
babel-generator
babel-template
, babel-types
babel-generator
(
before ambiguous tokens (@nicolo-ribaudo)babel-helper-function-name
, babel-plugin-transform-arrow-functions
, babel-plugin-transform-function-name
, babel-preset-env
, babel-traverse
helper-function-name
logic (@nicolo-ribaudo)babel-parser
, babel-plugin-proposal-pipeline-operator
babel-plugin-transform-classes
assertThisInitialized
(@liuxingbaoyu)babel-helper-create-class-features-plugin
, babel-helper-replace-supers
, babel-helpers
, babel-plugin-proposal-decorators
, babel-plugin-transform-class-properties
, babel-plugin-transform-classes
, babel-plugin-transform-exponentiation-operator
, babel-plugin-transform-object-super
, babel-plugin-transform-private-methods
, babel-runtime-corejs2
, babel-runtime-corejs3
, babel-runtime
super.x
output (@liuxingbaoyu)babel-plugin-transform-class-properties
, babel-plugin-transform-classes
FAQs
Compile ES2015 block scoping (const and let) to ES5
The npm package @babel/plugin-transform-block-scoping receives a total of 15,316,229 weekly downloads. As such, @babel/plugin-transform-block-scoping popularity was classified as popular.
We found that @babel/plugin-transform-block-scoping demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.